<template>
  <ContentWrap :title="'操作信息'" class="!mb-10px">
    <template #header>
      <slot name="tool"></slot>
    </template>
    <el-scrollbar height="220px">
      <el-row class="custom-text-14">
        <el-col :span="12">
          <div class="mb-15px">
            操作设备:
            <el-tag class="ml-5px">{{ orderData.terminal! }} </el-tag>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="mb-15px">
            IP地址:
            <span class="ml-5px"> {{ orderData?.userIp }} </span>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="mb-15px">
            操作时间: <span class="ml-5px"> {{ formatDate(orderData.updateTime!) }}</span>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="mb-15px">
            操作员工:
            <span class="ml-5px"> {{ orderData?.updater }} </span>
          </div>
        </el-col>

        <el-col :span="24">
          <div class="mb-15px">
            会员备注:
            <span class="ml-5px">
              {{ orderData?.userRemark }}
            </span>
          </div>
        </el-col>

        <el-divider border-style="dashed" class="mt-0! mb-15px!" />
        <el-col>
          <div class="mb-15px">订单确认： </div>
        </el-col>
        <el-col>
          <div> 交易须知: </div>
        </el-col>
      </el-row>
    </el-scrollbar>
  </ContentWrap>
</template>
<script lang="ts" setup>
import { formatDate } from '@/utils/formatTime'
import { propTypes } from '@/utils/propTypes'
import { DICT_TYPE } from '@/utils/dict'

defineOptions({ name: 'OrderStatusInfo' })

defineProps({
  orderData: propTypes.object.def({})
})
</script>
